{%extends "atletas/base.html"%}

{%block extrahead%}
    {% load static %}
    {% get_static_prefix as STATIC_PREFIX %}
    
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.all.css">
    
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.tabs.css" type="text/css"/>
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.core.css" type="text/css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery-ui-1.8.16.custom.css" />

    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/jquery-1.7.min.js"></script> 
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.widget.js"></script> 
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.tabs.js"></script> 
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.accordion.js"></script>
    
    <script> 
        $(function() {
            $("#tabs").tabs();
        });
    </script>

{%endblock%}

{% block breadcrumb %} <a href="/">Inicio</a> > <a href='/atletas/'>Atletas</a> > Ver atleta {% endblock %}

{%block content%}
    <div class='demo'>
        <div id="tabs"> 
            <ul> 
                <li><a href="#tabs-1">Perfil</a></li> 
                <li><a href="#tabs-2">Contacto</a></li> 
                <li><a href="#tabs-3">Encargado</a></li>
                <li><a href="#tabs-4">Perfil Médico</a></li>
                <li><a href="#tabs-5">Entrenadores</a></li>
                <li><a href="#tabs-6">Deportes</a></li>
                <li><a href="#tabs-7">Resultados</a></li>
            </ul>
            
            <!-- Perfil -->
            <div id="tabs-1">
                <table width='100%'> <tr> <td>
                    <div align='left'> 
                    <table>
                        <tr><td><p align="right"><label>Activo:</label></p></td>
                        <td><p align="left"><input type="checkbox" disabled {% if atleta.activo %}checked="yes"{% endif %} ></p></td></tr>
                        
                        <tr><td><p align="right"><label>Nombres:</label></p></td>
                        <td><p align="left"><label>{{atleta.nombres}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Apellidos:</label></p></td>
                        <td><p align="left"><label>{{atleta.apellidos}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Fecha de nacimiento:</label></p></td>
                        <td><p align="left"><label>{{atleta.fecha_nacimiento}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Edad:</label></p></td>
                        <td><p align="left"><label>{{atleta.get_edad}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Sexo:</label></p></td>
                        <td><p align="left"><label>{{atleta.sexo}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Pasaporte:</label></p></td>
                        <td><p align="left"><label>{{atleta.pasaporte}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Estudios:</label></p></td>
                        <td><p align="left"><label>{{atleta.estudios}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Tipo de identificacion personal:</label></p></td>
                        <td><p align="left"><label>{{atleta.identificacion_personal_tipo}}</label></p></td></tr>
                        
                        <tr><td><p align="right"><label>Identificacion personal:</label></p></td>
                        <td><p align="left"><label>{{atleta.identificacion_personal_valor}}</label></p></td></tr>
                    </table> 
                    </div> 
                    </td> 
                    <td> <div align='center'><br>
                        <img src='{{STATIC_PREFIX}}media/{{url_foto}}' alt='Foto perfil' width='150' height='150'/><br><br>
                    </div> </td>
                </tr></table>
            </div>
            
            <!-- Contacto -->
            <div id="tabs-2">
                <table>
                    <tr><td><p align="right"><label>Teléfono celular:</label></p></td>
                    <td><p align="left"><label>{{atleta.telefono_celular}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Teléfono domicilio:</label></p></td>
                    <td><p align="left"><label>{{atleta.telefono}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Correo electrónico:</label></p></td>
                    <td><p align="left"><label>{{atleta.correo_electronico}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Dirección:</label></p></td>
                    <td><p align="left"><label>{{atleta.direccion}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Municipio:</label></p></td>
                    <td><p align="left"><label>{{atleta.direccion_municipio}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Departamento:</label></p></td>
                    <td><p align="left"><label>{{atleta.direccion_departamento}}</label></p></td></tr>
                </table>
            </div>
            
            <!-- Encargado -->
            <div id="tabs-3">
                <table>
                    <tr><td><p align="right"><label>Nombre:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_nombres}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Apellidos:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_apellidos}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Tipo de identificación personal:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_identificacion_personal_tipo}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Identificación personal:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_identificacion_personal_valor}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Teléfono celular:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_telefono_celular}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Teléfono domicilio:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_telefono}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Correo electrónico:</label></p></td>
                    <td><p align="left"><label>{{atleta.encargado_correo}}</label></p></td></tr>
                </table>
            </div>
            
            <!-- Perfil Médico -->
            <div id="tabs-4">
                <table>
                    <tr><td><p align="right"><label>Peso (lb):</label></p></td>
                    <td><p align="left"><label>{{atleta.peso}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Estatura (cm):</label></p></td>
                    <td><p align="left"><label>{{atleta.estatura}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Grupo sanguineo:</label></p></td>
                    <td><p align="left"><label>{{atleta.grupo_sanguineo}}</label></p></td></tr>
                    
                    <tr><td><p align="right"><label>Alergias o enfermedades:</label></p></td>
                    <td><p align="left"><label>{{atleta.alergias_enfermedades}}</label></p></td></tr>
                </table>
            </div>
            <!-- Entrenadores -->
            <div id="tabs-5">
                {% if atleta.entrenadores.all %}
                <h3>Es entrenado por los siguientes entrenadores:</h3>
                <ul>
                    {% for entrenador in atleta.entrenadores.all %}
                    <li><a href="/entrenadores/ver/{{entrenador.pk}}">{{entrenador.nombres}} {{entrenador.apellidos}}</a></li> 
                    {% endfor %}
                </ul>
                {% else %}
                <h3>El atleta no tiene entrenadores</h3>
                {% endif %}
                
            </div>
            <!-- Deportes -->
            <div id="tabs-6">
                {% if atleta.deportes.all %}
                <h3>Se encuentra federado a los siguientes deportes:</h3>
                <ul>
                    {% for deporte in atleta.deportes.all %}
                    <li><a href="/deportes/ver/{{deporte.pk}}">{{deporte.nombre}}</a></li> 
                    {% endfor %}
                </ul>
                {% else %}
                <h3>El atleta no está federado a ningún deporte</h3>
                {% endif %}
            </div>
            <!-- Resultados -->
            <div id="tabs-7">
                
                {% if atleta.participacion_set.all %}
                <h3>El atleta ha participado en los siguientes eventos:</h3>
                {% for participacion in atleta.participacion_set.all %}
                    <h2>{{participacion.evento.nombre}}</h2>
                    {% if participacion.unResultado %}
                    <ul>
                    {% for deporte in participacion.getXMLObjectListRes%}
                        {% if deporte.contiene_resultados %}
                            {% for disciplina in deporte.disciplinas %}
                                {% if disciplina.contiene_resultados %}
                                        <li><h4>{{ deporte.nombre }}, {{ disciplina.nombre }}<h4></li>
                                        <ul>
                                        {% for categoria in disciplina.categorias %}
                                            {% if disciplina.contiene_resultados %}
                                            {% for resultado in categoria.resultados%}
                                                <li><h5>{{categoria.nombre_completo}}: {{ resultado }}<h5></li>
                                            {% endfor %}
                                            {% endif %}
                                        {% endfor %}
                                        </ul>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endfor %}
                    </ul>
                    {% else %}
                    <ul><li><h5>Sin resultados.</h5></li></ul>
                    {% endif %}
                {% endfor %}
                {% else %}
                <h3>El atleta ha participado en ningún evento</h3>
                {% endif %}
                
            </div>
            
        </div>
    </div>
    
    <div class='buttons' align='right'>
        <input type='submit' class='savebuton'   value='Editar'   onclick="document.location = '../../editar/{{atleta.pk}}';">
        <input type='submit' class='cancelbuton' value='Regresar' onclick="document.location = '../../';">
    </div>
{%endblock%}
